/* 响应式设计增强样式 */

/* 移动端优化 */
@media (max-width: 768px) {
  /* 隐藏侧边栏文字，只显示图标 */
  .ant-layout-sider .ant-menu-item-only-child {
    padding-left: 24px !important;
  }
  
  /* 调整卡片间距 */
  .ant-card {
    margin-bottom: 12px;
  }
  
  /* 表格横向滚动 */
  .ant-table-wrapper {
    overflow-x: auto;
  }
  
  /* 统计卡片文字大小调整 */
  .ant-statistic-title {
    font-size: 12px;
  }
  
  .ant-statistic-content {
    font-size: 18px;
  }
  
  /* 按钮组在移动端垂直排列 */
  .mobile-button-group {
    flex-direction: column;
    gap: 8px;
  }
  
  .mobile-button-group .ant-btn {
    width: 100%;
  }
}

/* 平板端优化 */
@media (min-width: 769px) and (max-width: 1024px) {
  /* 调整侧边栏宽度 */
  .ant-layout-sider {
    min-width: 200px !important;
    max-width: 200px !important;
  }
  
  /* 图表容器高度调整 */
  .chart-container {
    height: 250px;
  }
}

/* 大屏幕优化 */
@media (min-width: 1200px) {
  /* 增加内容区域最大宽度 */
  .ant-layout-content {
    max-width: 1400px;
    margin: 0 auto;
  }
  
  /* 图表容器高度增加 */
  .chart-container {
    height: 400px;
  }
}

/* 通用响应式工具类 */
.responsive-hide-mobile {
  display: block;
}

@media (max-width: 768px) {
  .responsive-hide-mobile {
    display: none !important;
  }
}

.responsive-show-mobile {
  display: none;
}

@media (max-width: 768px) {
  .responsive-show-mobile {
    display: block !important;
  }
}

/* 响应式文字大小 */
.responsive-title {
  font-size: 24px;
}

@media (max-width: 768px) {
  .responsive-title {
    font-size: 18px;
  }
}

/* 响应式间距 */
.responsive-margin {
  margin: 24px;
}

@media (max-width: 768px) {
  .responsive-margin {
    margin: 12px;
  }
}

/* 响应式栅格间距 */
@media (max-width: 768px) {
  .ant-row {
    margin-left: -8px !important;
    margin-right: -8px !important;
  }
  
  .ant-row > .ant-col {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* 表格响应式优化 */
@media (max-width: 768px) {
  .ant-table-thead > tr > th {
    padding: 8px 4px;
    font-size: 12px;
  }
  
  .ant-table-tbody > tr > td {
    padding: 8px 4px;
    font-size: 12px;
  }
  
  .ant-table-pagination {
    text-align: center;
  }
}

/* 模态框响应式 */
@media (max-width: 768px) {
  .ant-modal {
    max-width: calc(100vw - 32px) !important;
    margin: 16px;
  }
  
  .ant-modal-content {
    border-radius: 8px;
  }
}

/* 抽屉组件响应式 */
@media (max-width: 768px) {
  .ant-drawer-content-wrapper {
    width: 100vw !important;
  }
}

/* 进度条响应式 */
@media (max-width: 768px) {
  .ant-progress-circle {
    width: 60px !important;
    height: 60px !important;
  }
}

/* 面包屑响应式 */
@media (max-width: 768px) {
  .ant-breadcrumb {
    font-size: 12px;
  }
  
  .ant-breadcrumb-separator {
    margin: 0 4px;
  }
}

/* 标签页响应式 */
@media (max-width: 768px) {
  .ant-tabs-tab {
    padding: 8px 12px;
    font-size: 12px;
  }
  
  .ant-tabs-content-holder {
    padding: 12px 0;
  }
}

/* 统计数字响应式动画 */
.ant-statistic-content-value {
  transition: all 0.3s ease;
}

/* 卡片悬停效果 */
.ant-card {
  transition: all 0.3s ease;
}

.ant-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

/* 按钮响应式 */
@media (max-width: 768px) {
  .ant-btn-lg {
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
  }
  
  .ant-btn {
    height: 32px;
    padding: 4px 8px;
    font-size: 12px;
  }
  
  .ant-btn-sm {
    height: 28px;
    padding: 2px 6px;
    font-size: 11px;
  }
}